<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">



<style type="text/css">
body {
	background::#F00;
	}
.tabla th {
padding: 5px;
font-size: 16px;
background-color: #83aec0;
background-image: url(img/azul.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: “Trebuchet MS”, Arial;
text-transform: uppercase;
}
.titulo {
	background-color: #FFF;
	background-image: url(img/azul.jpg);
	background-repeat: repeat-x;
	float: none;
	height: auto;
	width: 120px;
	clear: both;
}
.contenido {
	float: none;
	height: auto;
	width: 120px;
}
.link {
	width: 64px;
	float: none;
	clear: right;
	height: auto;
}
.perfil {
	clear:left;
	float: left;
	width: 800 px;
	height: 500 px;
}
</style>
<script type="text/javascript">
function activartodo() {
	document.formulario.apellido.disabled=false;
	document.formulario.nombre.disabled=false;
	document.formulario.mail.disabled=false;
	document.formulario.username.disabled=false;
	document.formulario.pass.disabled=false;
	document.formulario.sede.disabled=false;
}
</script>

<?php 
$username = $this->session->userdata['username'];
			$nombre = $this->session->userdata['nombre'];
			$apellido = $this->session->userdata['apellido'];
			$mail = $this->session->userdata['email'];
			$pass = $this->session->userdata['password'];
			$activo = $this->session->userdata['sede'];
			$id = $this->session->userdata['idu'];
			$sede = $this->session->userdata['sede'];
			$nombre_tipo = $this->session->userdata['nombre_tipo'];
			$nombresede = $this->session->userdata['nombresede'];
			

?>
<div class="perfil"><span class="perfil"></span>
<h2><?php echo $nombre?>&nbsp;<?php echo $apellido?></h2>
<p>&nbsp;</p>
<p><img src="img/defaul_user.jpg" width="160" height="160"></p>
<!---->



<!---->
<p>&nbsp;</p>
<p class="tit2"><a href="javascript:activartodo()"><span class="icon-pencil">Editar Todo</span></a></p>
<form name="formulario" action="/trabajoFinal/administracionUsuario/modificar_usuario_bd" method="postt">
<input type="hidden" name="idusuario" value="<?php echo $id?>" />
<div class="datagrid">
<table width="200" border="0" class="darkheader-nospace-borders-side">
  <tr>
    <th scope="row">nombre</th>
    <td>
      <input type="text" name="nombre" id="nombre" disabled width="120" value="<?php echo $nombre?>"></td>
    <td>&nbsp;<a href="#" onclick="document.formulario.nombre.disabled=!document.formulario.nombre.disabled"><i class="icon-pencil"></span>editar</a></td>
  </tr>
  <tr>
    <th scope="row">apellido</th>
    <td><input type="text" name="apellido" id="apellido" disabled width="120" value="<?php echo $apellido?>"></td>
    <td><a href="#" onclick="document.formulario.apellido.disabled=!document.formulario.apellido.disabled"><i class="icon-pencil"></span>editar</a></td>
  </tr>
  <tr>
    <th scope="row">E-mail</th>
    <td><input type="text" name="email" id="mail" disabled width="120" value="<?php echo $mail?>"></td>
    <td><a href="#" onclick="document.formulario.mail.disabled=!document.formulario.mail.disabled"><i class="icon-pencil"></span>editar</a></td>
  </tr>
  <tr>
    <th scope="row">Username</th>
    <td>
    <input type="text" name="nomUser" id="username" disabled width="120" value="<?php echo $username?>"></td>
    <td><a href="#" onclick="document.formulario.username.disabled=!document.formulario.username.disabled"><i class="icon-pencil"></span>editar</a></td>
  </tr>
  <tr>
    <th scope="row">Password</th>
    <td><input type="text" name="password" id="pass" disabled width="120" value="<?php echo $pass?>"></td>
    <td><a href="#" onclick="document.formulario.pass.disabled=!document.formulario.pass.disabled"><i class="icon-pencil"></span>editar</a></td>
  </tr>
  
   <tr>
    <th scope="row">Privilegio</th>
    <td><input type="text" name="password" id="pass" disabled width="120" value="<?php echo $nombre_tipo?>"></td>
    <td></td>
  </tr>
  
    <th scope="row">Sede</th>
    <td><input type="text" name="sede" id="sede" disabled width="120" value="<?php echo $nombresede?>"></td>
    <td><a href="#" onclick=
  </tr>
  <tr>
    <th scope="row"><input type="submit" name="button" id="button" value="Enviar"></th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</div>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
  <!-- Password Reset Modal -->
<div id="passwModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4>Forgot Password?</h4>
        <p>Please enter your registered email address below and a new password will be sent to you.</p>
    </div>
    <div class="modal-body">
        <div id="sent"><!-- Display sent message after password reset -->
            <form class="form-horizontal" id="reset">
                <div class="control-group">
                    <label class="control-label" for="Email">Username</label>
                    <div class="controls">
                        <input class="input-large" type="email" id="Username" name="Username" placeholder="Email Address">
                    </div>
                </div>
                <div class="controls">
                    <button class="btn btn-inverse" id="close" value="CANCEL" data-dismiss="modal" aria-hidden="true">CLOSE</button>
                    <button class="btn btn-success" id="submit">SEND</button>
                </div>
            </form>
        </div><!-- end of sent -->
    </div>
</div><!-- end of Password Reset Modal -->
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>





